<template>
  <div id="event-handling">
    <p>{{ message }}</p>
    <button @click="reverseMessage1">反转 Message</button>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "TestView",
  data() {
    return {
      message: "Hello gogoo345435g Vue.js!",
    };
  },
  methods: {
    reverseMessage1() {
      this.message = this.message.split("").reverse().join("");
    },
  },
});
</script>
